{extend name="public/common"/}
{block name="head"}

{/block}

{block name="banner"}

{/block}
{block name="body"}

<div class="page-title">
    <div class="overlay">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="section-header">
                        <h5 class="sub-title">产品详情</h5>
                        <h2 class="title">DETAIL</h2>
                    </div>
                    <ol class="breadcrumb">
                        <li><a href="/">首页</a></li>
                        <li class="active">{$data.title}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Main Section -->
<div class="main-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="product-details m-b60">

                    <div class="one-plus-tab m-b60">
                        <div class="row" style="height: 370px;">
                            <div class="col-lg-5">
                                <div class="product-thumbnail">
                                    <div class="tab-menu">
                                        <ul class="nav">

                                            {volist name='good.images' id='vo'}


                                            <li class="{eq name='key' value='0'}active {/eq}">
                                                <a  href="#{$key}a" data-toggle="tab">
                                                    <img src="{$vo.url}" alt="img">
                                                </a>
                                            </li>
                                            {/volist}

                                        </ul>
                                    </div>
                                    <div class="tab-content">


                                        {volist name='good.images' id='vo'}


                                        <div class="tab-pane {eq name='key' value='0'}active {/eq}" id="{$key}a">
                                            <div class="thumb">
                                                <img class="img-responsive" src="{$vo.url}" style="height: 360px;" alt="product">
                                            </div>
                                        </div>

                                        {/volist}


                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="product-info">
                                    <h3 class="title">{$data.title}</h3>
                                    <div class="star-rating" title="Rated 4 out of 5">

                                    </div>
                                    <span style="display: none"   class="price">
											<ins>
												<span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol"></span>有货</span>
											</ins>
											<!---<del>
												<span class="woocommerce-Price-amount amount">
												<span class="woocommerce-Price-currencySymbol">￥</span>{$data.market_price}</span>
											</del>-->
										</span>
                                    <div style="display: none" class="stock">库存: <span>详询客服</span></div>
                                    <p> {$data.ad} </p>
                                    <ul class="list-inline">

                                        <li>
												<span class="quantity">
													<span>咨询人次</span>
													<input type="number"  value="1">
												</span>
                                        </li>
                                    </ul>
                                    <a href="javascript:void(0)" class="add_to_faverit"><i class="icon icon-Heart"></i></a>
                                    <a href="javascript:void(0)" class="add_to_cart_button">咨询</a>
                                    <div class="social" style="display: none">
                                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i><span>Share</span></a>
                                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i><span>Tweet</span></a>
                                        <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i><span>Share</span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.one-plus-tab -->





                    <div class="row">
                        <div class="col-md-9">
                            <div class="product-tab-info">

                                <!-- Nav tabs -->
                                <ul class="nav nav-tabs" role="tablist">
                                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">详情</a></li>
                                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">更多</a></li>
                                </ul>

                                <!-- Tab panes -->
                                <div class="tab-content">
                                    <div role="tabpanel" class="tab-pane active" id="home">
                                        {$data.body}
                                    </div>
                                    <div role="tabpanel" class="tab-pane" id="profile">

                                        <ul class="list-unstyled">

                                        </ul>
                                    </div>


                                </div>

                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="widget widget_onsale res-md-mrg-top-50">
                                <h6 class="widget_title" data-toggle="collapse" data-target="#onsale">相关产品</h6>
                                <ul id="onsale" class="collapse in">


                                    {volist name='new_good' id='vo'}
                                    <li>
                                        <div class="media-left">
                                            <a class="thumb" href="{:url('/product/'.$vo['sn'])}">
                                                <img src="{$vo.cover.url}" style="width: 120px" alt="product">
                                            </a>
                                        </div>
                                        <div class="media-body">
                                            <h6 class="title"><a href="{:url('/product/'.$vo['sn'])}">{$vo.title}</a></h6>
                                            <strong class="price">￥{$vo.price}</strong>
                                        </div>
                                    </li>
                                    {/volist}


                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- /.product-details -->
            </div>
        </div>
    </div>
</div>


{/block}


{block name="script"}

<script src="__COMMON__/layer/layer.js"></script>
<script>

</script>

{/block}
